home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 59338 / 59338.xpi / chrome / global / checkbox.css < prev    next >
Cascading Style Sheet File  |  2010-02-10  |  4KB  |  143 lines
  1. /*
  2.  * The contents of this file are subject to the Netscape Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/NPL/
  6.  *
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *
  12.  * The Original Code is Mozilla Communicator client code, released
  13.  * March 31, 1998.
  14.  *
  15.  * The Initial Developer of the Original Code is Netscape
  16.  * Communications Corporation. Portions created by Netscape are
  17.  * Copyright (C) 1998-1999 Netscape Communications Corporation. All
  18.  * Rights Reserved.
  19.  *
  20.  * Contributor(s):
  21.  *
  22.  */
  23.  
  24. /* ===== checkbox.css ===================================================
  25.   == Styles used by the XUL checkbox element.
  26.   ======================================================================= */
  27.  
  28. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  29.  
  30. /* ::::: checkbox ::::: */
  31.  
  32. checkbox {
  33.   /*-moz-appearance: checkbox-container;*/
  34.   -moz-box-align: center;
  35.   margin: 2px 4px;
  36.   padding: 1px 2px 1px 4px;
  37. background:transparent !important;
  38. }
  39.  
  40. checkbox:hover {
  41. /*  -moz-appearance: checkbox-container;
  42.   -moz-box-align: center;*/
  43.   margin: 2px 4px;
  44.   padding: 1px 2px 1px 4px;
  45. background:transparent !important;
  46. }
  47.  
  48. .checkbox-label-box {
  49.   margin-left: 2px;
  50.   border: 1px solid transparent;
  51.   padding: 0px 1px;
  52. }
  53.  
  54. .checkbox-icon {
  55.   margin-right: 2px;
  56. }
  57.  
  58. .checkbox-label {
  59.   margin: 0 !important;
  60. }
  61.  
  62.  
  63. /* ::::: checkBox ::::: */
  64.  
  65. .checkbox-check {
  66.   width:21px;
  67.   height:21px;
  68.   list-style-image: url("chrome://global/skin/checkbox/checkbox.png");
  69.  
  70. }
  71.  
  72.  
  73. /* ..... focused state ..... */
  74.  
  75. checkbox:focus > .checkbox-label-box {
  76. /*   border:1px dotted #66C3F0;     */
  77.   /*-moz-border-radius:50%;*/
  78. }
  79.  
  80. checkbox:focus >  .checkbox-check{
  81.   list-style-image: url("chrome://global/skin/checkbox/checkbox-focus.png");
  82.  
  83. }
  84.  
  85. checkbox[checked="true"]:focus >  .checkbox-check{
  86.   list-style-image: url("chrome://global/skin/checkbox/checkbox-checked-focus.png");
  87.  
  88. }
  89.  
  90. /* ..... active ..... */
  91.  
  92. checkbox:focus:active > .checkbox-check {
  93.   list-style-image: url("chrome://global/skin/checkbox/checkbox-active.png");
  94.  
  95. }
  96.  
  97. checkbox[checked="true"]:active > .checkbox-check{
  98.   list-style-image: url("chrome://global/skin/checkbox/checkbox-checked-active.png");
  99.  
  100. }
  101.  
  102.  
  103. /* ..... checked state ..... */
  104.  
  105. checkbox[checked="true"] > .checkbox-check {
  106.   list-style-image: url("chrome://global/skin/checkbox/checkbox-checked.png");
  107.  
  108. }
  109.  
  110. checkbox[checked="true"][disabled="true"] > .checkbox-check {
  111.   list-style-image: url("chrome://global/skin/checkbox/checkbox-active.png");
  112.   opacity: 0.4;
  113.  
  114. }
  115.  
  116.  
  117. /* ..... hover state ..... */
  118.  
  119. checkbox:not([disabled="true"]):hover >  .checkbox-check{
  120.   list-style-image: url("chrome://global/skin/checkbox/checkbox-active.png");
  121.  
  122. }
  123.  
  124. checkbox[checked="true"]:not([disabled="true"]):hover >  .checkbox-check{
  125.   list-style-image: url("chrome://global/skin/checkbox/checkbox-checked-active.png");
  126.  
  127. }
  128.  
  129.  
  130. /* ..... disabled state ..... */
  131.  
  132. checkbox[disabled="true"] {
  133.   opacity: 0.4;
  134.   color: #785130;
  135. }
  136.  
  137. checkbox[disabled="true"] > .checkbox-check {
  138.   list-style-image: url("chrome://global/skin/checkbox/checkbox.png");
  139. }
  140.  
  141. checkbox[checked="true"][disabled="true"] > .checkbox-check {
  142.   list-style-image: url("chrome://global/skin/checkbox/checkbox-checked.png");
  143. }